<section class="box" style="overflow: hidden;margin-top: 50px">
    <header class="panel_header">
        <h2 class="title pull-left" style="padding-top: 3px;">                        
            <div class="chip">
                <img ng-src="http://{{vm.daren.darenLogo}}" alt="logo"> <a ng-href="http://h5.m.taobao.com/daren/home.html?userId={{vm.daren.darenUid}}" target="_blank">{{vm.daren.darenNick}}</a>
                <span class="cp v" title="已认证"></span>
                <span class="daren cp" title="达人"></span>
                <a ng-href="https://{{vm.daren.wangwangId}}" title="旺旺联系" target="_blank">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1482398512446" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" p-id="1294" width="16" height="16">
                        <path d="M384.887 78.974c49.902 20.708 109.436 49.030 150.577 80.414 6.443 4.932 14.14 7.952 22.219 8.718 221.978 21.474 389.374 192.954 389.374 398.878 0 221.168-195.314 401.108-435.405 401.108-240.135 0-435.491-179.94-435.491-401.108 0-170.205 117.196-322.334 291.652-378.594 19.562-6.315 32.042-25.429 29.937-45.883-2.274-22.285-7.038-43.823-12.863-63.533M305.027 2.791c0 0 41.588 67.847 49.413 144.157-187.321 60.406-321.823 225.507-321.823 420.034 0 245.534 214.492 444.653 479.036 444.653 264.543 0 478.949-199.119 478.949-444.653 0-229.93-187.829-418.908-428.729-442.21-90.491-69.039-256.846-121.981-256.846-121.981v0z" p-id="1295" fill="#1296db" />
                        <path d="M572.378 595.941c-32.574 0-54.006 1.934-89.895 1.934 39.504-76.076 9.142-155.957-28.875-179.154 34.275-7.526 51.327-20.285 88.791-30.66 54.644 47.776 53.793 166.546 29.98 207.881z" p-id="1296" fill="#1296db" />
                        <path d="M810.087 566.215c-32.743 0-54.091 1.915-89.897 1.915 39.334-76.055 9.058-156.021-29.043-179.154 34.402-7.441 51.454-20.262 88.79-30.66 54.73 47.882 53.877 166.567 30.15 207.9z" p-id="1297" fill="#1296db" />
                    </svg>
                </a>
                <a class="fr aliV" ng-if="vm.daren.aliVId" ng-href="https://da.taobao.com/n/merchant/detail?spm=0.0.0.0.UXzJ7P&id={{vm.daren.aliVId}}" target="_blank"></a>
                <a ng-href="http://h5.m.taobao.com/we/pc.htm?feedId={{vm.feed.feedId}}" target="_blank" ng-bind="vm.feed.title"></a>
            </div>
        </h2>
    </header>
    <div class="content-body">
        <table class="responsive-table centered highlight bordered darenTie" dw-loading="darenTieProduct">
            <thead>
                <tr>
                    <th>序号</th>
                    <th class="pigTh">商品</th>
                    <th>标题</th>
                    <th>成交均价</th>
                    <th>
                        <span class="cp">近30天销售额</span>
                        <i class="caret down icon cp green-text"></i>
                    </th>
                    <th>
                        <span class="cp">近30天销售量</span>
                    </th>
                    <th>监控数据</th>
                </tr>
            </thead>
            <tbody>
                <tr class="repeat-item" ng-repeat="prod in vm.table.products track by $index">
                    <td ng-if="prod.numberId">{{$index+1}}</td>
                    <td ng-if="prod.numberId">
                        <a href="https://item.taobao.com/item.htm?id={{prod.numberId}}" target="_blank">
                            <img ng-src="{{prod.picUrl}}" class="w65">
                        </a>
                    </td>
                    <td ng-if="prod.numberId">
                        <a class="truncate" style="max-width: 200px;overflow: hidden;" title="{{prod.title || '无标题'}}" href="https://item.taobao.com/item.htm?id={{prod.numberId}}" target="_blank">{{prod.title || '无标题'}}                                    
                </a>
                    </td>
                    <td ng-if="prod.numberId">{{prod.avgPrice}}</td>

                    <td ng-if="prod.numberId" class="hisData cp" jq-popup popup-config="prod" popup-type="'product'" popup-dim="'sellMoney'">{{prod.sellMoney | bigNum}}</td>

                    <td ng-if="prod.numberId" class="hisData cp" jq-popup popup-config="prod" popup-type="'product'" popup-dim="'sellAmount'">{{prod.sellAmount | bigNum}}</td>
                    <td ng-if="prod.numberId" title="点击查看历史数据" class="cp" ng-click="vm.getMonitorData($event,$index)">
                        <i class="line chart icon waves-effect waves-light" style="font-size: 16px;"></i>
                    </td>
                    <!-- 监控数据 -->
                    <td ng-if="prod.monitorDetail" colspan="7">
                        <monitor-day-component target-id="prod.targetId" monitor-day-type="'product'"></monitor-day-component>
                    </td>
                </tr>
                <tr ng-if="vm.table.products.length==0">
                    <td colspan="7">暂无数据</td>
                </tr>
            </tbody>
        </table>
    </div>
</section>
